<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box{
				width: 300px;
				height: 300px;
				/* border: 1px solid #000; */
				border-radius: 50%;
				/* transform: rotate(90deg); */
				/* margin-top: 50px; */
				margin: 50px auto;
				/* background-image: linear-gradient(red,yellow,blue); */
				/* 从左到右 */
				/* background-image: linear-gradient(to right,red,yellow,green); */
				/* background-image: linear-gradient(90deg,pink,orange); */
				/* background-image: linear-gradient(180deg,green,black); */
				/* background-image: linear-gradient(0deg,#aa557f,#ccc); */
				 /* background-image: linear-gradient(to top,#aa557f,#ccc); */
				 /* background-image: linear-gradient(270deg,#aa557f,#ccc); */
				 /* background-image: linear-gradient(to top left,red,#ccc); */
				 /* background-image: linear-gradient(to top rightz,red,#ccc); */
				/* background: radial-gradient(circle,red,yellow);
				 background: radial-gradient(ellipse,red,yellow); */
				 /* background-image: radial-gradient(closest-side at 50% 60%, red, yellow, green); */
				 /* background-image: radial-gradient(closest-corner at 50% 60%, red, yellow, green); */
				 /* background: conic-gradient(at 50%,red,yellow,blue,green); */
				/* background: repeating-radial-gradient(circle,red 20%,yellow 20%); */
				 background-image: repeating-radial-gradient(red, yellow 10%,green 20%) ;
			}
		</style>
	</head>
	<body>
		<div class="box">
			
		</div>
	</body>
</html>